body,div,ul,li{
    padding:0;
    margin:0;
}
.header{
    height:80px;
    width:100%;
    position:relative;
}
.header-title{
    position:absolute;
    height:80%;
    width:60%;
    left:20%;
    top:50%;
    transform:translateY(-50%);
    background: url("../img/title.png");
    background-size:cover;
}
.nav{
    position:absolute;
    height:20%;
    width:20% ;
    right:8px;
    top:46%;
    transform:translateY(-50%);
    background: url("../img/nav.png");
    background-size:cover;

}
.body{
    /* background-color:#d4d4d4;*/
    width:90%;
    margin:0 auto;
    position:relative;
}
.nav2{
    width:100%;
    height:60px;
    margin-top: -15px;
}
.nav2 ul{
    width:100%;
    height:60px;
    margin:0 auto;
}
.nav2 ul li{
    float:left;
    list-style:none;
    width:20%;
    line-height:60px;
    text-align:center;
}
.nav2 ul li a{
    text-decoration:none;
    color:#000000;
}

.content{
    height:400px;
    width:100%;
}
.con {
    height: 110px;
    width: 100%;
    margin-bottom: 22px;
}
.link{
    min-height:170px;
    width:100%;
}
.footer {
    background-color: #e1e2e2;
     margin-top:-2px;
}
.al{
    width:85%;
    height:160px;
    margin:0 auto;
    position:relative;
}
.bot{
    width:70%;
    margin:0 auto;
    font-size:11px;
    color:#8e8e8e;
    text-align:center;
}
.tit{
    height:30px;
    color:#333333;
    margin-bottom:-10px;
    position:absolute;
    top:20px;
}
.link-left{
    width:49%;
    display:inline-block;
    color:#8e8e8e;
    font-size:13px;
    position:absolute;
    top:60px;
}
.link-right{
    width:49%;
    display:inline-block;
    font-size:13px;
    color:#8e8e8e;
    position:absolute;
    top:60px;
    left:50%;
}

.tab{
    width:100%;
    height:30px;
   padding:0;
    margin:0;
}
.tab > div{
    height:100%;
    text-align:center;
    width:33%;
    float:left;
}
.button_change{
    border-bottom:2px #2288d0 solid;
}
.mnue{
    width:100%;
}
.mn{
    margin-top: 5%;
    width: 100%;
}